<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tag/pagetag.tld" prefix="p"%>
<%@ taglib uri="/WEB-INF/tag/pageform.tld" prefix="pf" %>
<%@ page trimDirectiveWhitespaces="true"%>
<html>
<head>
<meta charset="utf-8">
<title>Welcome</title>
	<!-- 静态引入 -->
	<c:import url="/WEB-INF/views/config/include.jsp" charEncoding="UTF-8" />
	<link href="/custom/playerpc/css/home.css?20210315" 		rel="stylesheet" media="screen">
	<script type="text/javascript" src="/custom/playerpc/js/home.js?20210315"></script>
</head>
<body class="body">
    <table style="background-color: #F5F5F5">
    	<!-- 顶部菜单 -->
		<tr style="height: 60px;background-color: white;">
			<td id="black_left" style="width:100px;">&nbsp;</td>
			<td>
				<table>
					<tr>
    					<!-- 左侧内容 -->
						<td>
							共享下载
						</td>
						<td>
						</td>
    					<!-- 右侧内容 -->
						<td style="width: 280px;text-align: center; font-size: 14px;">
							<input type="text" class="form-control" placeholder="魔法教师" id="keyword">
						</td>
						<td style="width: 52px;text-align: center;">
						 	<button type="submit" class="btn btn-primary btn-sm">搜索</button>
						</td>
						<td style="width: 52px;text-align: center;">
						 	<button type="button" class="btn btn-primary btn-sm">登录</button>
						</td>
					</tr>  
				</table>
			</td>
			<td id="black_right" style="width:100px;">&nbsp;</td>
		</tr>  
    	<!-- 顶部菜单 -->
		<tr class="menu_tool" style="height: 40px;background-color: red;">
			<td>&nbsp;</td>
			<td id="MV_10101010">
				<table style="color: white;cursor: pointer;">
					<tr>
    					<!-- 一级分类 -->
						<c:forEach var="item" items="${menu}">
						<td class="type"><button type="button" class="btn btn-danger menu_button" style="" onclick="javascript:showPageForm('${item.fb1}')">${item.categoryName}</button></td>
						</c:forEach>
						<td></td>
					</tr>
				</table>
			</td>
			<td>&nbsp;</td>
		</tr>  
		<tr style="height: 10px;"></tr>
    	<!-- 中部内容 -->
		<tr style="height: 600px;">
			<td>&nbsp;</td>
			<td valign="top">
				<table>
					<tr>
    					<!-- 左侧内容 -->
						<td id="ListTableTd">
						<table border ="0" style="width:99%">
							<!-- 内容区域 -->
							<tr>
								<td style="vertical-align: top;" id="MV_10101050">
									<table border ="0" class="table table-hover" style="background-color: white; border: 2px solid #f5f5f5;cursor: pointer;">
									<!-- 列表 -->
									<c:forEach var="item" items="${data}">
									<tr onclick="showPopPageForm('${item.materialId}')">
										<td style="height: 38px;width: 28px;">&nbsp;</td><td style="width: 160px;">${item.onlineTime}</td><td>${item.materialTitle}</td>
									</tr>
									<!-- <div class="film_list" onclick="showPopPageForm('main.html?materialId=12345')">
										<img src="../common/img/default.png">
										<div class="film_name">${item.materialTitle}</div> 
										<div class="film_date">${item.onlineTime}</div>
									</div> -->
									</c:forEach>
									</table>
								</td>
							</tr>
							<!-- 分页区域 -->
							<tr>
								<td style="height: 10px; text-align: center; vertical-align: top;">
								</td>
							</tr>
							<!-- 广告区域 -->
							<tr>
								<td style="height: 140px; text-align: center; vertical-align: top;">
									<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
										<tr>
											<td>aaa
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
						</td>
    					
    					<!-- 右侧内容 -->
						<td id="RightFrameTd" style="width: 320px; text-align: center; vertical-align: top;">
							<table>
						  		<!-- 最新区域 -->
						  		<tr>
						  			<td class="ads">
										<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
											<tr>
						  					<td class="title">下载排行</td>
											</tr>
										</table>
									</td>
						  		</tr>
								<tr style="height: 10px;"></tr>
								<!-- 广告区域 -->
						  		<tr>
						  			<td class="ads">
										<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
											<tr>
												<td>aaa
												</td>
											</tr>
										</table>
									</td>
						  		</tr>
						  		
						  	</table>
						</td>
					</tr>  
				</table>
			</td>
			<td>&nbsp;</td>
		</tr>  
		<tr style="height: 10px;"></tr>
    	<!-- 底部版权 -->
		<tr>
			<td>&nbsp;</td>
			<td>
				<table style="width: 100%; height: 50px; text-align: center;" >
					<tr>
    					<!-- 左侧内容 -->
						<td>
						本站资源来自互联网免费共享,仅供交流学习之用,版权归作者本人所有,如果侵犯了您的权益,请通知我们。
						</td>
					</tr> 
					<tr>
    					<!-- 右侧内容 -->
						<td>
						2018 免费电影 .All Rights Reserved 
						</td>
					</tr>  
				</table>
			</td>
			<td>&nbsp;</td>
		</tr>    
    </table>

	<form action="/pc/player/home.html" id="blankForm" name="blankForm" method="POST">
    	<input type="hidden" name="token" id="token" value="${token}">
    	<input type="hidden" name="pageCurrent" id="pageCurrent" value="1">
    	<input type="hidden" name="pageLimit" id="pageLimit" value="15">
    </form>
    
	<form action="/pc/player/home.html" id="blankForm2" name="blankForm2" method="POST" target="_blank">
    	<input type="hidden" name="token" id="token" value="${token}">
    	<input type="hidden" name="pageCurrent" id="pageCurrent" value="1">
    	<input type="hidden" name="pageLimit" id="pageLimit" value="15">
    </form>
</body>
</html>
